<template>
	<view class="flex-row">
		<view class="line"></view>
		<text v-if="total==0" class="gray-text font-24">哦豁，光溜溜的</text>
		<text v-if="total!=0 && total == dataLength" class="gray-text font-24">你触碰到了我的底线~</text>
		<view class="line"></view>
	</view>
</template>

<script>
	export default {
		props:{
			total:{
				type: Number,
				default:0
			},
			dataLength:{
				type: Number,
				default:0
			}
		},
		data() {
			return {}
		},
		onLoad() {
			console.log(this.total)
		}
	}
</script>

<style scoped lang="scss">
	/* .status_bar {
		height: var(--status-bar-height);
		width: 100%;
		background-color: #fff;
	} */
	.line{
		width: 100rpx;
		height: 1rpx;
		background-color: rgba(85,107,133,0.16);
		margin: 30rpx 50rpx;
	}
</style>